#user{
  position: absolute;
  width: 100%;
  top: 0rem;
  height:auto;
  bottom: 3rem;
  overflow:scroll ;
    .user-head {
        width: 100%;
        height: 8.8rem;
        background: url('/src/static/image/userhead.jpg') no-repeat;
        background-size: 100% 100%;
        position: relative;
        color: #fff;
        text-align: center;
        margin-bottom: 0.5rem;
        overflow: hidden;
      }
      .code {
        position: absolute;
        top: .5rem;
        right: 0.5rem;
      }
      .avator {
        width: 3.4rem;
        height: 3.4rem;
        border-radius: 50%;
        border: 0.05rem solid;
        margin-top: 2rem;
        color: rgba(255, 255, 255, 0.4);
      }
      .order-wrapper {
        background-color: #fff;
      }
       .order-head {
        line-height: 2.0rem;
      }
       .order-group {
        text-align: center;
        padding: 0.3rem 0;
      }
       .ico {
        font-size: 1.2rem;
        font-weight: bold;
        color: #777;
      }
       .order-btn {
        position: relative;
      }
       .state {
        color: #777;
      }
       .pic {
        width: 2.0rem;
        height: 1.7rem;
      }
       .other {
        flex: 0 0 25%;
      }
       .other-pic {
        width: 2rem;
        height: 1.9rem;
      }
       + .order-wrapper {
        margin-top: 0.5rem;
      }
}
.quarter{
  flex:0 0 25%;
  width: 25%;
}
#userInfo{
  .avator {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
  }
}